
.title-one{
  padding: 30px 0;
  font-size: 32px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  .title-text{
    padding: 0 30px;
    line-height: 1;
  }
  .circle{
    position: relative;
    &:before{
      content: '';
      top: 50%;
      width: 14px;
      height: 14px;
      border: 2px solid #2a2a2a;
      z-index: 10;
      transform: translateY(-50%);
    }
    &:after{
      content: '';
      top: 50%;
      width: 18px;
      height: 18px;
      z-index: 9;
      transform: translateY(-10%);
      background: $theme_color;
    }
    &:before, &:after{
      position: absolute;
      border-radius: 50%;
    }
  }
  .circle-right{
    &:before{left: 0;}
    &:after{left: 10px;}
  }
  .circle-left{
    &:before{right: 0;}
    &:after{right: 10px;}
  }
}
